<template>
  <HelloWorld />
  <icon-clarity-accessibility-1-solid />
  <a-space>
    <a-button type="primary" size="mini" @click="handleClickMini">Mini</a-button>
    <a-button type="primary" size="small">Small</a-button>
    <a-button type="primary">Medium</a-button>
    <a-button type="primary" size="large">Large</a-button>
  </a-space>
</template>

<script setup lang="ts">
const handleClickMini = () => {
  AMessage.info('hello isboyjc, click mini AButton!')
}
</script>

<style scoped></style>
